<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta name="generator" content="HTML Tidy for Linux/x86 (vers 1st November 2003), see www.w3.org"/>
    <title>JavaScript: Basics</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="copyright" content="Copyright &#169; 2005-2010 W3C (MIT, ERCIM, Keio)"/>
    <meta name="duration" content="5"/>
    <meta name="font-size-adjustment" content="-2"/>

    <link rel="stylesheet" href="styles/slidy.css" type="text/css"/>
    <link rel="stylesheet" href="styles/w3c-blue.css" type="text/css"/>
    <script type="text/javascript" src="scripts/slidy.js" charset="utf-8">//</script>

    <link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
    <script type="text/javascript" src="scripts/shCore.js"></script>
    <script type="text/javascript" src="scripts/shBrushJScript.js"></script>

    <link type="text/css" rel="stylesheet" href="styles/presentation.css"/>
    <script type="text/javascript" src="scripts/presentation.js"></script>
</head>


<body style="background: white; font-family: Helvetica">
<div class="background">
    <img alt="" id="head-icon" src="graphics/icon-blue.png"/>
</div>

<div class="background slanty">
</div>

<div class="slide cover title">
    <img class="hidden" src="graphics/bullet.png" alt=""/>
    <img class="hidden" src="graphics/fold.gif" alt=""/>
    <img class="hidden" src="graphics/unfold.gif" alt=""/>
    <img class="hidden" src="graphics/fold-dim.gif" alt=""/>
    <img class="hidden" src="graphics/nofold-dim.gif" alt=""/>
    <img class="hidden" src="graphics/unfold-dim.gif" alt=""/>
    <img class="hidden" src="graphics/bullet-fold.gif" alt=""/>
    <img class="hidden" src="graphics/bullet-unfold.gif" alt=""/>
    <img class="hidden" src="graphics/bullet-fold-dim.gif" alt=""/>
    <img class="hidden" src="graphics/bullet-nofold-dim.gif" alt=""/>
    <img class="hidden" src="graphics/bullet-unfold-dim.gif" alt=""/>

    <h1>Tools And Books</h1>

    <p>Alex Kolonitsky</p>
</div>

<div class="slide">
    <h1>Tools</h1>

    <ul>
        <li>Firebug</li>
        <li>Firebug Autocompleter</li>
        <li>FireRainbow</li>
        <li>YSlow</li>
        <li>HTML Validator</li>
        <li>JSONView</li>
        <li><a href="https://addons.mozilla.org/ru/firefox/collections/AlexKolonitsky/alex-kolonitsky-web-dev/">Полный
            список на mozilla.org</a></li>
    </ul>
</div>

<div class="slide">
    <h1>Наш Курс</h1>

    <ul>
        <li><a href="http://code.google.com/p/javascript-learning-courses/">Проект на Google Code</a></li>
        <li><a href="http://code.google.com/p/javascript-learning-courses/issues/list">Замечания и Предложения</a></li>
        <li>http://javascript-learning-courses.googlecode.com/svn/trunk/</li>
    </ul>
</div>

<div class="slide">
    <h1>Books</h1>

    <ul>
        <li>JavaScript: The Definitive Guide</li>
        <li>JavaScript: The Good Parts</li>
        <li>Professional JavaScript for web Developers</li>
        <li>Pro JavaScript Design Patterns</li>
        <li>Eloquent JavaScript</li>
    </ul>
</div>

<div class="slide">
    <h1>The Definitive Guide</h1>

    <img src="graphics/Books/The%20Definitive%20Guide.gif" alt="The Definitive Guide" style="margin: 3em;">
</div>

<div class="slide">
    <h1>The Good Parts</h1>

    <img src="graphics/Books/The%20Good%20Parts.gif" alt="The Good Parts" style="margin: 3em;">
</div>

<div class="slide">
    <h1>Professional JavaScript for web Developers</h1>

    <img src="graphics/Books/Professional%20JavaScript%20for%20web%20Developers.jpg" alt="Professional JavaScript for web Developers" style="margin: 3em;">
</div>

<div class="slide">
    <h1>Pro JavaScript Design Patterns</h1>

    <img src="graphics/Books/Pro%20JavaScript%20Design%20Patterns.jpg" alt="Pro JavaScript Design Patterns" style="margin: 3em;">
</div>

<div class="slide">
    <h1>Eloquent JavaScript</h1>

    <img src="graphics/Books/Eloquent%20JavaScript.png" alt="Eloquent JavaScript" style="margin: 3em;">
</div>

<div class="slide">
    <h1>Resources</h1>

    <ul class="incremental">
        <li><a href="http://www.javascript.ru">javascript.ru</a></li>
        <li><a href="http://javascript.ru/ecma">Стандарт ECMAScript на русском</a></li>
        <li><a href="http://bonsaiden.github.com/JavaScript-Garden/">JavaScript Garden</a></li>
        <li><a href="http://dmitrysoshnikov.com/ecmascript/">http://dmitrysoshnikov.com/ecmascript/</a></li>
    </ul>
</div>

<div class="slide">
    <h1>Brendan Eich</h1>

    <img src="graphics/Books/200px-BEich.jpg" alt="Brendan Eich" style="margin: 3em;">

    <p>Cоздатель языка программирования JavaScript. На данный момент — главный инженер Mozilla Corporation</p>

    <p><a href="http://brendaneich.com/">Brendan Eich Сайт</a></p>
</div>

<div class="slide">
    <h1>Learning Javascript with Object Graphs</h1>

    <ul>
        <li><a href="http://howtonode.org/why-use-closure">Why use "closure"?</a></li>
        <li><a href="http://howtonode.org/object-graphs">Learning Javascript with Object Graphs</a></li>
        <li><a href="http://howtonode.org/object-graphs-2">Learning Javascript with Object Graphs (Part II)</a></li>
        <li><a href="http://howtonode.org/object-graphs-3">Learning Javascript with Object Graphs (Part III)</a></li>
    </ul>
</div>

<div class="slide">
    <h1>OOP & Patterns</h1>

    <ul>
        <li>http://ajaxpatterns.org</li>
        <li>http://www.jspatterns.com/</li>
        <li>Pro JavaScript Design Patterns</li>
    </ul>
</div>
</body>
</html>